<!DOCTYPE html>
<html lang="ru" dir="ltr" theme="dark">
<head>
    <title>litser</title>

    <meta charset="UTF-8">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="author" content="alikzoy@gmail.com">

    <link rel="shortcut icon" href="./public/img/icon.ico" type="image/x-icon">

    <link rel="stylesheet" href="../../dist/libs/FontAwesome/css/all.min.css">
    <link rel="stylesheet" href="./public/font/CirceRounded/CirceRounded.css">
    <link rel="stylesheet" href="../../dist/public/static/style.bundle.css">
</head>
<body>

<div class="rembr__from-pop popup__wrap" >
    <div class="popup__container rembr__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">FAQ</span>
            </div>
            <div class="file__upload faq__block">
                <span>Как работает запомнить?</span>
                <p>
                    Введите значение и приложение будет искать файлы с похожим названием <br />
                    Файлы, которые удовлетворяют условию будут сразу выделены в списке
                </p>
            </div>
        </form>
    </div>
</div>

<div class="faq__from-pop popup__wrap" >
    <div class="popup__container faq__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">FAQ</span>
            </div>
            <div class="file__upload faq__block">
                <span>Как работают регулярные выражения?</span>
                <p>
                    Например, нам надо найти все файлы, которые похожи на следующее название: САНТ.123456-789 <br/>
                    В этом случае: <code>[А-Яа-яЁё]{4}[-.]\d{6}[-.]\d{3}</code> <br/> <br/>
                    <code>[...]</code> — диапазон нужных значений в подстроке. Например: <br/>
                    <i></i> <code>[А-Яа-яЁё]</code> — весь алфавит с регистром <br/>
                    <i></i> <code>[0-9]</code> — все цифры от 0 до 9
                    <br/>
                    <code>\d</code> — в подстроке должны быть только цифры <br/>
                    <code>{n}</code> — число символов в подстроке <br/>
                    Все части регулярного выражения можно комбинировать, менять местами <br/>
                    Файлы, которые удовлетворяют выражению будут сразу выделены в списке
                </p>
            </div>
        </form>
    </div>
</div>

<div class="infofile__from-pop popup__wrap">
    <div class="popup__container infofile__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">Свойства</span>
                <i class="fa-regular fa-xmark close__infofile"></i>
            </div>
            <div class="file__upload infofile__block">
                <div class="ino__block ino__title">
                    <span class="ino__img ino-img">
                        <img src="../../dist/public/img/png/file.png" alt="">
                    </span>
                    <span class="ino__name ino-name">

                    </span>
                </div>
                <div class="ino__block info__type">
                    <div class="ino__flex">
                        <span class="ino__flex-l">Расположение:</span>
                        <input class="ino-path" type="text" readonly>
                    </div>
                    <div class="ino__flex">
                        <span class="ino__flex-l">Тип файла:</span>
                        <span class="ino__flex-r ino-type"></span>
                    </div>
                    <div class="ino__flex">
                        <span class="ino__flex-l">Размер:</span>
                        <span class="ino__flex-r ino-size"></span>
                    </div>
                </div>
                <div class="ino__block info__time">
                    <div class="ino__flex">
                        <span class="ino__flex-l">Создан:</span>
                        <span class="ino__flex-r ino-create"></span>
                    </div>
                    <div class="ino__flex">
                        <span class="ino__flex-l">Изменён:</span>
                        <span class="ino__flex-r ino-changed"></span>
                    </div>
                    <div class="ino__flex">
                        <span class="ino__flex-l">Открыт:</span>
                        <span class="ino__flex-r ino-open"></span>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>


<div class="path__from-pop popup__wrap-non">
    <div class="popup__container path__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">Начало</span>
            </div>
            <div class="file__upload">
                <div class="form__label">
                    <span>Полный путь до папки с файлами</span>
                    <label class="label__block label__path-from" for="path-from">
                        <i class="fa-regular fa-folder-open"></i>
                        <input type="text" id="path-from" class="popup__input" />
                    </label>
                </div>
                <div class="form__label">
                    <span>Полный путь до папки переноса</span>
                    <label class="label__block" for="path-to">
                        <i class="fa-regular fa-upload"></i>
                        <input type="text" id="path-to" class="popup__input" />
                    </label>
                </div>
                <div class="form__bth form__bth-right">
                    <button type="button" class="form__cancel bth__path-cancel">Отмена</button>
                    <button type="button" class="form__save bth__path-save">Сохранить</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="preset__from-pop popup__wrap">
    <div class="popup__container preset__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">Новый пресет</span>
            </div>
            <div class="file__upload">
                <div class="form__label">
                    <span>Название</span>
                    <label class="label__block" for="preset-name">
                        <i class="fa-regular fa-hashtag"></i>
                        <input type="text" id="preset-name" class="popup__input" />
                    </label>
                </div>
                <div class="form__label">
                    <span>Полный путь до папки с файлами</span>
                    <label class="label__block" for="preset-from">
                        <i class="fa-regular fa-folder-open"></i>
                        <input type="text" id="preset-from" class="popup__input" />
                    </label>
                </div>
                <div class="form__label">
                    <span>Полный путь до папки переноса</span>
                    <label class="label__block" for="preset-to">
                        <i class="fa-regular fa-upload"></i>
                        <input type="text" id="preset-to" class="popup__input" />
                    </label>
                </div>
                <div class="form__bth form__bth-right">
                    <button type="button" class="form__cancel bth__preset-cancel">Отмена</button>
                    <button type="button" class="form__save bth__preset-save">Добавить</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="preset__letter-pop popup__wrap-non">
    <div class="popup__container preset__letter-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">Изменить пресет</span>
            </div>
            <div class="file__upload">
                <span> Указанная вами папка не найдена, пожалуйства, укажите новую папку</span>
                <div class="form__label">
                    <span>Название</span>
                    <label class="label__block" for="preset__letter-name">
                        <i class="fa-regular fa-hashtag"></i>
                        <input type="text" id="preset__letter-name" class="popup__input" disabled/>
                    </label>
                </div>
                <div class="form__label">
                    <span>Полный путь до папки с файлами</span>
                    <label class="label__block" for="preset__letter-from">
                        <i class="fa-regular fa-folder-open"></i>
                        <input type="text" id="preset__letter-from" class="popup__input" />
                    </label>
                </div>
                <div class="form__bth form__bth-right">
                    <button type="button" class="form__cancel bth__letter-cancel">Отмена</button>
                    <button type="button" class="form__save bth__letter-save">Изменить</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="info__from-pop popup__wrap">
    <div class="popup__container info__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">О приложении</span>
                <i class="fa-regular fa-xmark close__info"></i>
            </div>
            <div class="file__upload info__block">
                <img src="./public/img/icon.ico" alt="">
                <div>
                    <span>litser</span>
                    <p>build: #2.1.0 25.09.2023</p>
                    <div>
                        <span>electron: ^25.5.0</span>
                        <span>electron-packager: ^17.1.1</span>
                        <span>npm: 9.6.2</span>
                    </div>
                    <span class="copyright">Copyright <i class="fa-regular fa-copyright"></i> 2023 github.com/TheWitcher1991</span>
                </div>

            </div>
        </form>
    </div>
</div>

<div class="delpreset__from-pop popup__wrap">
    <div class="popup__container delpreset__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload delpreset__block">
                <i class="fa-light fa-circle-exclamation"></i>
                <span>Вы уверены?</span>
                <p>Вы точно хотите удалить все пресеты?</p>
                <div>
                    <button type="button" class="apply__danger-pop">Да, удалите!</button>
                    <button type="button" class="cancel__danger-pop">Отмена</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="delfile__from-pop popup__wrap">
    <div class="popup__container delfile__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload delpreset__block">
                <i class="fa-light fa-circle-exclamation"></i>
                <span>Вы уверены?</span>
                <p>Вы точно хотите удалить выбранные файл(-ы)?</p>
                <div>
                    <button type="button" class="apply__file-pop">Да, удалите!</button>
                    <button type="button" class="cancel__file-pop">Отмена</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="need__from-pop popup__wrap">
    <div class="popup__container need__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">Внимание</span>
                <i class="fa-regular fa-xmark close__need"></i>
            </div>
            <div class="file__upload need__block">
                <span>Не найдены обязательные файлы:</span>
                <div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="change__from-pop popup__wrap">
    <div class="popup__container change__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="form__title">
                <span class="form__span">Настройки пресета</span>
            </div>
            <div class="file__upload">
                <div class="flex__file-form">
                    <input type="text" name="preset-id" id="preset-id" style="display: none" />
                    <div class="fll__left">
                        <div class="form__label">
                            <span>Название</span>
                            <label class="label__block" for="change-name">
                                <i class="fa-regular fa-hashtag"></i>
                                <input type="text" id="change-name" class="popup__input" />
                            </label>
                        </div>
                        <div class="form__label">
                            <span>Полный путь до папки с файлами</span>
                            <label class="label__block" for="change-from">
                                <i class="fa-regular fa-folder-open"></i>
                                <input type="text" id="change-from" class="popup__input" />
                            </label>
                        </div>
                        <div class="form__label">
                            <span>Полный путь до папки переноса</span>
                            <label class="label__block" for="change-to">
                                <i class="fa-regular fa-upload"></i>
                                <input type="text" id="change-to" class="popup__input" />
                            </label>
                        </div>

                    </div>
                    <div class="fll__right">
                        <div class="form__label">
                            <span>Значение в начале названия</span>
                            <label class="label__block" for="change-name-from">
                                <i class="fa-regular fa-hand-point-right"></i>
                                <input type="text" id="change-name-from" class="popup__input" placeholder="Например, Архив" />
                            </label>
                        </div>
                        <div class="form__label">
                            <span>Значение в конце названия</span>
                            <label class="label__block" for="change-name-to">
                                <i class="fa-regular fa-hand-point-left"></i>
                                <input type="text" id="change-name-to" class="popup__input" placeholder="Например, Архив" />
                            </label>
                        </div>
                        <div class="form__label">
                            <span>Размер до</span>
                            <label class="label__block" for="change-size">
                                <i class="fa-regular fa-scale-unbalanced-flip"></i>
                                <input type="text" id="change-size" class="popup__input" placeholder="Значение в КБ" />
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form__label">
                    <span>Типы файлов</span>
                    <label class="label__block" for="change-file">
                        <i class="fa-regular fa-question"></i>
                        <input type="text" id="change-file" class="popup__input" placeholder="В формате .type через запятую" />
                    </label>
                </div>
                <div class="form__bth form__bth-right">
                    <button type="button" class="form__cancel bth__change-cancel">Отмена</button>
                    <button type="button" class="form__save bth__change-save">Сохранить</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="load__from-pop popup__wrap-non">
    <div class="popup__container load__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload load__block">
                <i class="fa-regular fa-spinner fa-spin"></i>
                <span>Рендер списка файлов...</span>
                <p>Файлов слишком много, подождите пока мы их отрендерим</p>
                <div></div>
            </div>
        </form>
    </div>
</div>

<div class="gload__from-pop popup__wrap-non" style="display: flex">
    <div class="popup__container gload__from-container" style="display: block">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload load__block gload">
                <i class="fa-regular fa-spinner fa-spin"></i>
                <span>Идёт чтение файлов...</span>
                <p></p>
                <div></div>
            </div>
        </form>
    </div>
</div>

<div class="gdelete__from-pop popup__wrap-non">
    <div class="popup__container gdelete__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload load__block gdelete">
                <i class="fa-regular fa-spinner fa-spin"></i>
                <span>Идёт удаление файлов...</span>
                <p></p>
                <div></div>
            </div>
        </form>
    </div>
</div>

<div class="gcopy__from-pop popup__wrap-non">
    <div class="popup__container gcopy__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload load__block gcopy">
                <i class="fa-regular fa-spinner fa-spin"></i>
                <span>Идёт копирование файлов...</span>
                <p></p>
                <div></div>
            </div>
        </form>
    </div>
</div>

<div class="gtrasf__from-pop popup__wrap-non">
    <div class="popup__container gtrasf__from-container">
        <form enctype="multipart/form-data" method="post" action="">
            <div class="file__upload load__block gtrasf">
                <i class="fa-regular fa-spinner fa-spin"></i>
                <span>Идёт перемещение файлов...</span>
                <p></p>
                <div></div>
            </div>
        </form>
    </div>
</div>

<main id="wrapper">

    <div class="window__button" style="-webkit-app-region: drag">
        <div style="-webkit-app-region: no-drag;font-size: 15px" class="info-button top-bth-f"><i class="fa-regular fa-circle-info"></i></div>
        <div style="-webkit-app-region: no-drag" id="minimize-button" class="minimize-button top-bth-f"><i class="fa-solid fa-window-minimize"></i></div>
        <div style="-webkit-app-region: no-drag" id="close-button" class="close-button top-bth-f"><i class="fa-solid fa-xmark"></i></div>
    </div>

    <div id="notice__wrapper">
        <div></div>
    </div>

    <section class="section__button">
        <div class="container top__button-container">
            <div class="checkbox__wrap">
                <input type="checkbox" class="custom-checkbox" name="global__change" id="global__change" value="1" checked disabled>
                <label style="cursor: no-drop;" class="checkbox__label" for="global__change">Читать файлы в подкаталогах</label>
            </div>

            <div class="top__set">
                <div id="lang-button" class="lang-button"></div>
                <div id="setting-button" class="setting-button"></div>
            </div>

        </div>
    </section>

    <section class="section__input">
        <div class="container">
            <input type="text" value="" style="display: none" class="global__to">
            <input type="text" value="" style="display: none" class="global__from">
            <input type="text" value="" style="display: none" class="global__preset">
            <input type="text" value="" style="display: none" class="global__remember">
            <div class="global__input gli__from">

                <label class="gi__hidden gih__from" for="gih__from">
                    <i class="fa-regular fa-folder-open"></i>
                    <input type="text" name="gih__from" id="gih__from">
                </label>

                <div class="gi__left gil__from">
                    <i class="fa-regular fa-folder-open"></i>
                    <span class="home__path">

                    </span>
                </div>
                <div class="gi__right update__files">
                    <i class="fa-regular fa-arrows-rotate"></i>
                </div>
            </div>

            <div class="global__input gli__to">

                <label class="gi__hidden gih__to" for="gih__to">
                    <i class="fa-regular fa-upload"></i>
                    <input type="text" name="gih__to" id="gih__to">
                </label>

                <div class="gi__left gil__to">
                    <i class="fa-regular fa-upload"></i>
                    <span class="home__to">
                        <!-- C <i class="fa-regular fa-angle-right"></i>
                        Users <i class="fa-regular fa-angle-right"></i>
                        Public <i class="fa-regular fa-angle-right"></i>
                        Documents <i class="fa-regular fa-angle-right"></i>
                        IISExpress <i class="fa-regular fa-angle-right"></i>
                        Logs -->
                    </span>
                </div>
            </div>

            <div class="app__button">
                <div class="top__button">
                    <div class="kit__button tb__bth">
                        <span class="tb__span kit__button-span"><i class="fa-regular fa-filter-list"></i> Пресеты</span>
                        <div class="tb__popup kit__popup" style="display:none;">
                            <div class="preset__list">

                            </div>
                            <div class="tb__button flex__space">
                                <button type="button" class="delete__preset"><i class="fa-regular fa-trash-can-list"></i></button>
                                <button type="button" class="create__preset tb__apply">Добавить</button>
                            </div>
                        </div>
                    </div>
                    <div class="new__button tb__bth">
                        <span class="tb__span new__button-span"><i class="fa-regular fa-sliders-up"></i> Фильтр</span>
                        <div class="tb__popup new__popup" style="display:none;">
                            <div class="sort__list">
                                <label for="sort__column">
                                    <span>Столбец</span>
                                    <select name="sort__column" id="sort__column">
                                        <option selected value="1">По имени</option>
                                        <option value="2">По размеру</option>
                                        <option value="3">По типу</option>
                                        <option value="4">По дате изменения</option>
                                    </select>
                                </label>
                                <label for="sort__type">
                                    <span>Тип</span>
                                    <select name="sort__type" id="sort__type">
                                        <option selected value="1">От А-Я</option>
                                        <option value="2">От Я-А</option>
                                    </select>
                                </label>
                            </div>
                            <div class="tb__button">
                                <button type="button" class="new__apply tb__apply">Применить</button>
                            </div>
                        </div>
                    </div>
                    <div class="search__button tb__bth">
                        <span class="tb__span search__button-span"><i class="fa-regular fa-magnifying-glass"></i> Найти</span>
                        <div class="tb__popup search__popup" style="display:none;">
                            <label class="label__block-global" for="global__search">
                                <i class="fa-regular fa-magnifying-glass"></i>
                                <input class="global__search" type="text" name="global__search" id="global__search" placeholder="Название файла..." />
                            </label>
                            <div class="tb__button">
                                <button type="button" class="search__apply tb__apply">Найти</button>
                            </div>
                        </div>
                    </div>
                    <div class="remember__button tb__bth">
                        <span class="tb__span  tb__span-i remember__button-span"><i class="fa-regular fa-folder-bookmark"></i></span>
                        <div class="tb__popup remember__popup" style="display:none;">
                            <label class="label__block-global" for="global__remember">
                                <i class="fa-regular fa-bookmark"></i>
                                <input class="global__remember" type="text" name="global__remember" id="global__remember" placeholder="Имя файла, учитывая регистр, например, Архив-001" />
                            </label>
                            <div class="exp__flex">
                                <span class="label__exp">для каждого пресета свои файлы</span>
                                <span class="exp__info rembr__info">FAQ</span>
                            </div>
                            <div class="remember__list">

                            </div>
                            <div class="tb__button">
                                <button type="button" class="remember__apply tb__apply">Добавить</button>
                            </div>
                        </div>
                    </div>
                    <div class="regexp__button tb__bth">
                        <span class="tb__span tb__span-i regexp__button-span"><i class="fa-regular fa-function"></i></span>
                        <div class="tb__popup regexp__popup" style="display:none;">
                            <label class="label__block-global" for="global__regexp">
                                <i>(.*)</i>
                                <input class="global__regexp" type="text" name="global__regexp" id="global__regexp" placeholder="Регулярное выражение, например, \d{6}-\d{3}" />
                            </label>
                            <div class="exp__flex">
                                <span class="label__exp">для каждого пресета свои выражения</span>
                                <span class="exp__info faq__info">FAQ</span>
                            </div>

                            <div class="regexp__list">
                            </div>
                            <div class="tb__button">
                                <button type="button" class="regexp__apply tb__apply">Добавить</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="global__button-wrap">
                    <div>
                        <button type="button" class="global__button-tran delete__button"><i class="fa-regular fa-trash"></i></button>
                        <span>Удалить</span>
                    </div>
                    <div>
                        <button type="button" class="global__button-danger danger__button"><i class="fa-sharp fa-regular fa-radiation"></i></button>
                        <span>Внимание</span>
                    </div>
                    <div>
                        <button type="button" class="global__button transfer__button"><i class="fa-regular fa-up-from-line"></i></button>
                        <span>Перенести</span>
                    </div>
                    <div>
                        <button type="button" class="global__button copy__button"><i class="fa-regular fa-copy"></i></button>
                        <span>Копировать</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section__table">

        <div class="fixed__table">

            <div class="container container__table-title">
                <span class="search__result">

                </span>

                <button type="button" class="reply__button"><i class="fa-regular fa-arrow-rotate-left"></i></button>

            </div>

            <div class="file__table">
                <div class="file__thead">
                    <div class="container">
                        <div class="sort__check">
                            <div class="checkbox__wrap">
                                <input type="checkbox" class="check__all custom-checkbox" name="check__all" id="check__all" value="1" />
                                <label class="checkbox__label" for="check__all"></label>
                            </div>
                        </div>
                        <span class="sort__item sort__name sort__active">Имя <i class="fa-solid fa-caret-down sort__arrow"></i></span>
                        <span class="sort__item sort__size">Размер</span>
                        <span class="sort__item sort__type">Тип</span>
                        <span class="sort__item sort__time">Изменён</span>
                        <span class="sort__more sort__up"><i class="fa-regular fa-angle-up"></i></span>
                    </div>
                </div>
            </div>

        </div>

        <div class="file__context">
            <div class="file__wrapper">
                <div class="file__tbody" id="file__tbody">
                    <div class="loader">
                        <div class="sk-circle-bounce">
                            <div class="loading-chat">
                                <svg class="spinner" viewBox="0 0 50 50">
                                    <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

</main>

<script type="module" crossorigin src="./api.dev.js"></script>


</body>
</html>
